<template>
<div class="addBaseInfo">
    <p class="addgoods_public_title">添加基础信息</p>
    <el-card class="box-card">
        <el-form :model="baseInfo" ref="baseInfo" label-width="80px" class="demo-ruleForm" label-position="left">
            <el-form-item label="商品名称" prop="goodsName" :rules="[
            { required: true, message: '请输入商品名称'},
          ]">
                <el-input type="text" v-model="baseInfo.goodsName" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="返利周期" prop="rebate_date" :rules="[
            { required: true, message: '请输入返利周期'},
          ]">
                <el-input type="text" v-model="baseInfo.rebate_date" auto-complete="off"></el-input>
            </el-form-item>
        </el-form>
        <setAvatar title="上传或修改商品图片"/>
    </el-card>
</div>
</template>

<style lang="scss" scoped>
.addBaseInfo {
    & /deep/ {
        .el-card {
            border-radius: 10px;
            width: 534px;
            .el-card__body {
                display: flex;
                justify-content:space-between;
                align-items: center;
                form {
                    width: 45%;
                    .el-form-item__label {
                        font-size: 13px;
                    }
                    input {
                        height: 35px;
                        border-radius: 20px;
                    }
                }
            }
        }
    }
}
</style>

<script>
import setAvatar from '~/components/setAvatar'
export default {
  components: {
      setAvatar
  },
  data() {
    return {
      baseInfo: {
        goodsName: '',
        rebate_date: ''
      }
    }
  }
}
</script>
